<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">
<h:body>
	<ui:composition template="/template/base.xhtml">
		<ui:define name="content">
			<h:form id="tipoArticulo-form">
				<p:growl id="growl" showDetail="true" sticky="true" />

				<p:dataTable id="dtTipo" var="tipoArticulo" value="#{tipoArticuloBean.tipoArticulos}"
					rows="10" paginator="true" paginatorPosition="bottom"
					paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
					rowsPerPageTemplate="5,10,15"
					selection="#{tipoArticuloBean.tipoArticuloSelected}" rowKey="#{tipoArticulo}"
					selectionMode="single">

					<p:ajax event="rowSelect" listener="#{tipoArticuloBean.onRowSelect}" />

					<p:column headerText="TipoArticulo" sortBy="#{tipoArticulo.descripcion}">
						<h:outputText value="#{tipoArticulo.descripcion}" />
					</p:column>
					<f:facet name="footer">
						<p:commandButton process="dtTipo" icon="ui-icon-document"
							value="Agregar" oncomplete="PF('dlgTipoAdd').show()" />
						<p:commandButton process="dtTipo" icon="ui-icon-pencil"
							value="Editar" oncomplete="PF('dlgTipoEdit').show()"
							update=":PdglTipoEdit" disabled="#{tipoArticuloBean.bloquearBotones}" />
						<p:commandButton process="dtTipo" icon="ui-icon-trash"
							value="Borrar" actionListener="#{tipoArticuloBean.deleteTipoArticulo}"
							update="dtTipo" disabled="#{tipoArticuloBean.bloquearBotones}">
							<p:confirm header="Borrar Tipo de Articulo"
								message="Estas seguro que queres borrar?" icon="ui-icon-alert" />
						</p:commandButton>
					</f:facet>
				</p:dataTable>

				<p:confirmDialog global="true" showEffect="fade"
					hideEffect="explode">
					<p:commandButton value="Si" type="button"
						styleClass="ui-confirmdialog-yes" icon="ui-icon-check" />
					<p:commandButton value="No" type="button"
						styleClass="ui-confirmdialog-no" icon="ui-icon-close" />
				</p:confirmDialog>

			</h:form>

			<p:dialog header="Tipo de Articulo seleccionado" id="PdlgTipoAdd"
				widgetVar="dlgTipoAdd" modal="true" showEffect="fade"
				hideEffect="fade" resizable="false">
				<h:form id="form-add">
					<p:panelGrid columns="2" columnClasses="column">
						<p:outputLabel value="TipoArticulo" for="tipoArticulo" />
						<p:inputText id="tipoArticulo" required="true"
							value="#{tipoArticuloBean.descripcion}" />
					</p:panelGrid>
					<p:commandButton process="form-add" value="Guardar" 
					    action="#{tipoArticuloBean.addTipoArticulo}"
						style="text-align:right; float:right" 
						onclick="PdlgTipoAdd.hide();" oncomplete=""
						update=":tipoArticulo-form:dtTipo,:tipoArticulo-form:growl">
					</p:commandButton>
				</h:form>
			</p:dialog>

			<p:dialog header="Tipo de Articulo seleccionado" id="PdglTipoEdit"
				widgetVar="dlgTipoEdit" modal="true" showEffect="fade"
				hideEffect="fade" resizable="false">

				<p:panelGrid columns="2" columnClasses="column">
					<h:form id="form-edit">
						<p:outputLabel value="TipoArticulo" for="tipoArticuloEdit" />
						<p:inputText id="tipoArticuloEdit" required="true"
							value="#{tipoArticuloBean.descripcion}" />
						<p:spacer />
						<p:commandButton value="Guardar" action="#{tipoArticuloBean.editTipoArticulo}"
							style="text-align:right; float:right" onclick="dlgCiuEdit.hide()"
							update=":tipoArticulo-form:dtTipo,:tipoArticulo-form:growl">

						</p:commandButton>
					</h:form>
				</p:panelGrid>

			</p:dialog>
		</ui:define>
	</ui:composition>

</h:body>
</html>